#metop2 {
    width:100%;
    background:#fff;
    position:fixed;
    top:0px;
    z-index:9999999;
    border-bottom:1px solid #f2f2f2;
    background-color: rgba(255, 255, 255, 0.8);
    display:none;
}
#header2 {
    width:100%;
    margin:0 auto;
    position:relative;
}
.head_left {
    float:left;
    padding-left:30px;
}
.head_left .logo ul li{float:left;line-height:40px;height:50px;}
.head_left .logo ul li.tel{text-indent:12px;font-size:18px;color:#666;}
.head_left img{width:40px;height:40px;}
.head_right {
    float:right;
    width:auto;
    margin-right:30px;
    padding:12px 0;
    position:relative;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor:pointer;
}
.head_left{padding-top:7px;}
.head_right.toggle {
    transform: rotate(90deg)
}

.head_right li{ display:inline-block; float:right; margin-left:20px; line-height:30px}
.head_right li h2{ font-size:14px; color:#FFF !important;}
.head_right li a{font-size:14px;}
.head_right li a:hover{color:#078cbf;border-bottom:1px solid #2eafbb;padding-bottom: 5px;}